<!DOCTYPE HTML>
<html>
<head>
<title>Virtual Traning Pedia - Technology Games, Courses, Hot Jobs, Interview Questions</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<link rel="stylesheet" href="fonts/css/font-family.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<script src="js/jquery.min.js"></script>
<script src="js/commonfunctions.js"></script>
<script src="js/url.js"></script>
<script src="js/load.js"></script>

<!--- start circle --->

<script>
$( document ).ready(function() {
	if(typeof localStorage["user_id"]!='undefined'){
		window.location="menu.html";
	}
		indexmenuAct();
		$('#myStat2').circliful();
    });
</script>

<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<script src="js/jquery.circliful.min.js"></script>

<script src="js/underscore-min.js"></script>
<script src= "js/moment-2.2.1.js"></script>

<link href="css/jquery.nouislider.css" rel="stylesheet">
<script src="js/jquery.nouislider.js"></script>
</head>
<body>
<div class="main_bg">
<div class="container">
<div class="main">

		<div class="col-md-12 "> <a href="javascript:void(0);" onclick="logoFunction(0)" ><img src="images/vtp-logo.png" width="163" height="127" class="img-responsive logo"></a> 
		</div> 
        <!-- Header  -->

		<div class="h_menu">
		
		<a id="touch-menu" class="mobile-menu" href="#">Menu</a>
		<nav>
		<ul class="menu list-unstyled">
			<li class="color6"><a href="javascript:void(0)" onclick="indmenuActive(0)" >HOME</a></li>
			<li class="color3"><a href="javascript:void(0)" onclick="indmenuActive(1)">Technology Games</a></li>
			<li class="color4"><a href="javascript:void(0)" onclick="indmenuActive(2)" >Courses</a></li>
			<li class="color5"><a href="javascript:void(0)" onclick="indmenuActive(3)" >Hot Jobs</a></li>
			<li class="color2"><a href="javascript:void(0)" onclick="indmenuActive(4)" >Interview Questions </a></li>
            <li class="color1"><a href="javascript:void(0)" onclick="ContactformFunction(0)" >Contact</a></li>

		</ul>
		</nav>
		<script src="js/menu.js" type="text/javascript"></script>
		</div>
	<div class="vertical-center-row">
    
    <div class="col-md-6 span1_of_2"><!-- start span1_of_3 style2 -->
			<div class="grid2_of_1">
				<div class="signin_form">
					<h4>sign in</h4>
					<form>
						<input type="text" id="user_email" name="user_email" class="textbox" placeholder="yourname@gmail.com" /><span id="user_emailError" style="color:red;"></span>
						<input type="password" id="user_password" name="user_password" class="textbox" placeholder="passwordhere" /><span id="user_passwordError" style="color:red;"></span>
						<span><a href="forgetpassword.html">forget password?</a></span>
						<input type="button" value="sign in" onclick="userLoginForm()" class="bg2"/> <input type="button" onclick="joinFunction()" value="join" class="bg1"/> <br/><br/><span  id="loginloader"></span>
						<span id="loginError" style="color:red;"></span>
					</form>
				</div>
			</div>
			
			
		</div>   <!-- end span1_of_2 -->	
	</div>
    
    
    
	<div class="clearfix"></div>
	<div class="copy">
		<p class="link"><span>&#169;All rights reserved |  by&nbsp;<a href="#"> Virtual Traning Pedia</a></span></p>
	</div>
</div>
</div>
</div>
</body>
</html>
<script>
$('#user_password').keypress(function(e){
	if( e.keyCode == 13 ){
		userLoginForm();
		return false;
	}
});
</script>